function getArticleCate() {
  $.ajax({
    // 默认是get
    url: "/my/article/cates", // 前缀不需要写
    success: (res) => $("tbody").html(template("table-temp", res)),
  })
}
function registerEvent() {
  $("#btnAdd").click(function () {
    // 弹出层 layui
    layui.layer.open({
      // 配置属性
      title: "添加类别", // 弹层标题
      type: 1, // 弹层类型 默认0 信息框 页面元素 1
      area: ["50%", "50%"],
      content: document.querySelector("#dialog_html").innerHTML,
    })
  })
  // 监听表单的提交事件- 注册事件的时候-form标签还没创建的
  //   $("#myForm").on("submit", function (event) {
  //     event.preventDefault()
  //     // 获取表单的数据
  //     console.log(layui.form.val("formData"))
  //   })
  //
}
function onSubmit(event) {
  event.preventDefault()
  // 此时此刻 有两种场景 新增 修改
  //新增没有ID 修改有ID
  const data = layui.form.val("formData")
  if (!!data.Id) {
    // 表示是修改
    $.ajax({
      url: "/my/article/updatecate",
      method: "post",
      data,
      success({ status, message }) {
        if (status === 0) {
          layui.layer.closeAll("page") // 关闭所有页面层
          getArticleCate()
        } else {
          layui.layer.msg(message)
        }
      },
    })
  } else {
    // 新增逻辑
    $.ajax({
      type: "post",
      data,
      url: "/my/article/addcates",
      success({ status, message }) {
        if (status === 0) {
          getArticleCate()
          // 关闭弹层
          layui.layer.closeAll("page") // 关闭所有页面层
        } else {
          layui.layer.msg(message)
        }
      },
    })
  }
}
// 删除方法
function delCate(Id) {
  // 删除的方法
  layui.layer.confirm("确认要删除此条记录吗", function () {
    // 表示选择了确定
    $.ajax({
      url: `/my/article/deletecate/${Id}`,
      success({ status, message }) {
        if (status === 0) {
          layui.layer.msg("删除分类成功")
          getArticleCate() // 重新获取数据
        } else {
          layui.layer.msg(message)
        }
      },
    })
  })
}
// 编辑分类
function editCate(Id) {
  // 如果id存在
  if (Id) {
    layui.layer.open({
      // 配置属性
      title: "修改类别", // 弹层标题
      type: 1, // 弹层类型 默认0 信息框 页面元素 1
      area: ["50%", "50%"],
      content: document.querySelector("#dialog_html").innerHTML,
    })
    // 有ID的情况下-> 查询对应的ID的记录
    $.ajax({
      url: `/my/article/cates/${Id}`,
      success({ status, message, data }) {
        if (status === 0) {
          // 获取数据成功 此时的data就是表单数据
          // 表单数据进行回显
          // layui.form.val(“lay-filter”, 数据) /取值/赋值
          layui.form.val("formData", data)
        } else {
          layui.layer.msg(message)
        }
      },
    })
  }
}
registerEvent()
getArticleCate()
